<div class="card-header">
    <div class="card-title">
        <h3 class="card-label">
            @L("FileUpload")
        </h3>
    </div>
</div>
<div class="card-body">
    <form id="fileuploadForm" role="form" class="form">

        <div class="row">
            <div class="col-md-2">
                <label class="control-label">Default file uploader</label>
            </div>
            <div class="col-md-10">

                <div class="form-group">
                    <label for="DefaultFileUploadTextInput">Free text</label>
                    <input id="DefaultFileUploadTextInput" type="text" name="DefaultFileUploadTextInput" class="form-control">
                </div>

                <div class="form-group">

                    <!-- The fileinput-button span is used to style the file input field as button -->
                    <span class="btn btn-primary fileinput-button">
                        <i class="glyphicon glyphicon-plus"></i>
                        <span>Select files...</span>
                        <!-- The file input field used as target for the file upload widget -->
                        <input id="fileupload" type="file" name="files">
                    </span>
                    <br>
                    <br>

                    <!-- The global progress bar -->
                    <div id="progress" class="progress">
                        <div class="progress-bar progress-bar-success"></div>
                    </div>

                    <!-- The container for the uploaded files -->
                    <div id="files" class="files"></div>

                </div>

            </div>

        </div>

    </form>
</div>
